<%@ include file="../layout/taglib.jsp"%>
<div class="content-middle" id="content-middle">
	<div class="wrap">
		<div class="middle_ctn">
			<c:set var="count" value="0"></c:set>
			<c:forEach items="${middle_content_list}" var="con">
				<div class="col-xs-6 col-sm-4 col-md-4 col-lg-4 animatedParent" data-delay="${count*50}"
					data-id="1">
					<div class="animated fadeInUp">
						<div class="center">
							<img style="height: 164px; width: auto;"
								src="<%=request.getContextPath()%>/photoCon?idCon=${con.idContent}"
								alt="" />
						</div>
						<div class="clearfix"></div>
						<div class="middle_text">
							<h1>${con.title}</h1>
							<div>
								<c:out value='${fn:substring(con.description, 0, 50)}' />
							</div>
						</div>
					</div>
				</div>
				<c:set var="count" value="${count+1}"></c:set>
			</c:forEach>
			<div class="clear"></div>
		</div>
	</div>
</div>